<template>
  <div class="zxcf_menu_wper">
    <div class="zxcf_menu px1200">
      <nuxt-link to="/" :class="{'zm_cura': on === 'index'}">
        首页
      </nuxt-link>
      <nuxt-link to="/search" :class="{'zm_cura': on === 'search'}">
        投资项目
      </nuxt-link>
      <nuxt-link to="/company" :class="{'zm_cura': on === 'company'}">
        免费入驻
      </nuxt-link>
      <nuxt-link to="/development" :class="{'zm_cura': on === 'development'}">
        行业动态
      </nuxt-link>
      <nuxt-link to="/news" :class="{'zm_cura': on === 'news'}">
        新闻资讯
      </nuxt-link>
      <nuxt-link to="/about" :class="{'zm_cura': on === 'about'}">
        关于我们
      </nuxt-link>
    </div>
  </div>
</template>
<script>
export default {
  name: 'IndexMenu',
  props: {
    on: {
      type: String,
      default: () => 'index'
    }
  }
}
</script>
<style scoped>
a{
  text-decoration: none;
}
a:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.zxcf_menu{
  font-size: 0;
}
.zxcf_menu a{
  display: inline-block;
  width: 200px;
  padding-top: 12px;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
}
.zm_cura{
  color: #e1251b;
}
</style>
